{% extends "htmlPages/base.html" %}

        {% block head %}
            <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.1.34/jquery.form-validator.min.js"></script>
            <script> $("#editChild").validate();
            </script>
<script type="text/javascript">
                function getDate(date){
                    var df = date.split("-")[0];           
                    var mf = date.split("-")[1];
                    var yf = date.split("-")[2];
                    var newDate =  yf + "-" + mf + "-" + df;
                    $('#date_of_birth').val(newDate);
                }
                $(document).ready(function(){
                    getDate("{{ child.date_of_birth }}");
                });
</script>
        {% endblock head %}

        {% block side_navbar %}
            <ul class="nav navbar-nav side-nav">
            <li>
              <a href="/home"><i class="fa fa-desktop"></i>  דף בית </a>
            </li>
            <li>
              <a href="/messages"><i class="fa fa-bullhorn"></i>  לוח מודעות </a>
            </li>
            <li>
              <a href="/privateMessages"><i class="fa fa-edit"></i>  הודעות אישיות </a>
            </li>
            <li>
              <a href="/contactList"><i class="fa fa-file"></i>  דף קשר </a>
            </li>
          </ul>
        {% endblock side_navbar %}

        {% block page_wrapper %}
            <div class="row">
                <div class="col-lg-12">
                    <h1><p>
עריכת פרטים
                    </p></h1>
                </div>
            </div>

            <div class="row">
              <div class="col-lg-8 pull-right">

               <form role="form" name="editChild" action="/editChild" method="post">

                <div class="row">
                    <div class="col-lg-6 pull-right">
                      <div class="form-group">
                        <label>
שם פרטי
                        </label>
                        <input type="text" class="form-control" name="first_name" value="{{ child.first_name }}" required>
                      </div>
                    </div>
                    <div class="col-lg-6 pull-right">
                      <div class="form-group">
                        <label>
                            שם משפחה
                        </label>
                        <input type="text" class="form-control" name="last_name" value="{{ child.last_name }}" required>
                      </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-6 pull-right">
                      <div class="form-group">
                        <label>
                            תעודת זהות
                        </label>
                        <input type="number" class="form-control" name="child_id" value="{{ child.child_id }}" readOnly="true">
                      </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-6 pull-right">
                      <div class="form-group">
                        <label>
                            תאריך לידה
                        </label>
                        <input type="date" class="form-control" name="date_of_birth" id="date_of_birth" required>
                      </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-6 pull-right">
                        <div class="form-group">
                            <label>
                                מין
                            </label>
                            <div class="radio">
                              <label>
                                <input type="radio" name="gender" value="male"{% if child.gender == 'male' %} checked{% endif %}>
                                  זכר
                              </label>
                            </div>
                           <div class="radio">
                              <label>
                                <input type="radio" name="gender" value="female"{% if child.gender == 'female' %} checked{% endif %}>
                                   נקבה
                               </label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-6 pull-right">
                      <div class="form-group">
                        <label>
                            טלפון
                        </label>
                        <input type="number" class="form-control" name="home_tel" value="{{ child.phone_number }}" required>
                      </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label>
                                כתובת
                            </label>
                                <textarea class="form-control" rows="2" name="address" required>{{ child.address }}</textarea>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-6 pull-right">
                      <div class="form-group">
                        <label>
שם הורה - פרטי
                        </label>
                        <input type="text" class="form-control" name="parent1_first_name" value="{{ child.parent1_first_name }}" required>
                      </div>
                    </div>
                    <div class="col-lg-6 pull-right">
                      <div class="form-group">
                        <label>
                            שם הורה - משפחה
                        </label>
                        <input type="text" class="form-control" name="parent1_last_name" value="{{ child.parent1_last_name }}" required>
                      </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-6 pull-right">
                      <div class="form-group">
                        <label>
                            טלפון
                        </label>
                        <input type="אtext" class="form-control" name="parent1_phone_number" value="{{ child.parent1_phone_number }}">
                      </div>
                    </div>
                    <div class="col-lg-6">
                      <div class="form-group">
                        <label>
Email
                        </label>
                        <input type="email" class="form-control" name="parent1_email_address" value="{{ child.parent1_email_address }}" required>
                      </div>
                    </div>
                </div>
                   {% if child.parent2_first_name != "" %}
                <div class="row">
                    <div class="col-lg-6 pull-right">
                      <div class="form-group">
                        <label>
שם הורה - פרטי
                        </label>
                        <input type="text" class="form-control" name="parent2_first_name" value="{{ child.parent2_first_name }}">
                      </div>
                    </div>
                    <div class="col-lg-6 pull-right">
                      <div class="form-group">
                        <label>
                            שם הורה - משפחה
                        </label>
                        <input type="text" class="form-control" name="parent2_last_name" value="{{ child.parent2_last_name }}">
                      </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-6 pull-right">
                      <div class="form-group">
                        <label>
                            טלפון
                        </label>
                        <input type="אtext" class="form-control" name="parent2_phone_number" value="{{ child.parent2_phone_number }}">
                      </div>
                    </div>
                    <div class="col-lg-6">
                      <div class="form-group">
                        <label>
Email
                        </label>
                        <input type="email" class="form-control" name="parent2_email_address" value="{{ child.parent2_email_address }}">
                      </div>
                    </div>
                </div>
                   {% endif %}

                <button type="submit" class="btn btn-success">
עדכן פרטים
                </button>
                <button type="reset" class="btn btn-default">
                אפס טופס
                </button>

            </form>

        </div>

            </div>
        {% endblock page_wrapper %}

